/**
* 设备详情 导航栏
*/ 
<template>
  <el-menu default-active="2" :collapse="collapsed" collapse-transition router :default-active="$route.path" unique-opened class="el-menu-demo" mode="horizontal">
    <el-menu-item v-for="item in nav" :key="item.id" :index="item.url">
        <template slot="title">
            <span>{{item.name}}</span>
        </template>
    </el-menu-item>
  </el-menu>  
</template>

<script>
export default {
    name:'topnav',
    data() {
        return {
            collapsed: false,
            nav:[
                {
                    id:1,
                    name:'设备信息',
                    hasThird: null,
                    url: '/components/DeviceDetails/information',
                },
                {
                    id:2,
                    name:'启动卡信息',
                    hasThird: null,
                    url: '/components/DeviceDetails/startupCard',
                },
                {
                    id:3,
                    name:'虚拟卡信息',
                    hasThird: null,
                    url: '/components/DeviceDetails/virtualCard',
                },
                {
                    id:4,
                    name:'调度日志',
                    hasThird: null,
                    url: '/components/DeviceDetails/ScheduleLogs',
                },
                {
                    id:5,
                    name:'套餐充值',
                    hasThird: null,
                    url: '/components/DeviceDetails/comboRecharge',
                },
                {
                    id:6,
                    name:'设备位置',
                    hasThird: null,
                    url: '/components/DeviceDetails/location',
                },
                {
                    id:7,
                    name:'实名认证',
                    hasThird: null,
                    url: '/components/DeviceDetails/attestation',
                },
                {
                    id:8,
                    name:'设备限速',
                    hasThird: null,
                    url: '/components/DeviceDetails/speedLimit',
                },
                {
                    id:9,
                    name:'操作记录',
                    hasThird: null,
                    url: '/components/DeviceDetails/operate',
                },
                {
                    id:10,
                    name:'设备日平均用量（网速）',
                    hasThird: null,
                    url: '/components/DeviceDetails/consumption',
                },
            ],
        };
    },
}
</script>

<style>

</style>